<!DOCTYPE HTML>
<html>
    <head>
        <title>Services</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
        <!-- Add fancyBox main JS and CSS files -->
        <link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-3.3.1.js"></script>
        <script src="js/jquery.easydropdown.js"></script>
        <script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/druggist.js"></script>
        <script>
            $(document).ready(function() {
                $('.popup-with-zoom-anim').magnificPopup({
                    type: 'inline',
                    fixedContentPos: false,
                    fixedBgPos: true,
                    overflowY: 'auto',
                    closeBtnInside: true,
                    preloader: false,
                    midClick: true,
                    removalDelay: 300,
                    mainClass: 'my-mfp-zoom-in'
                });
            });
        </script>

    </head>

    <body>
        <!-- start header-->
        <div class="header_bg">
            <div class="wrap">
                <div class="header">
                    <div class="logo">
                        <img src="img/logo-login.png" width="250px" height="90px" />
                        <span class="login-head">
							<script>
								$(".login-head").load('front-top.html');
							</script>
						</span>
                    </div>
                    <div class="header_right">
                        <div class="search">
                            <form>
                                <input type="text" value="" placeholder="搜索...">
                                <input type="submit" value="">
                            </form>
                        </div>

                        <div class="clear"></div>
                    </div>
                </div>
                <div class="header_menu">
                    <div class="menu_box_list">
                        <ul>
                            <li class="color1">
                                <a href="guide.html"><i class="icon1"> </i><span>导航</span></a>
                            </li>
                            <li class="color2">
                                <a href="medicalmall.html"> <i class="icon2"> </i> <span>商城</span></a>
                            </li>
                            <li class="color3">
                                <a href="doctor.html"> <i class="icon3"> </i><span>医生</span></a>
                            </li>
                            <li class="color4">
                                <a href="hospital.html"> <i class="icon4"> </i><span>医院</span></a>
                            </li>
                            <li class="color5 active">
                                <a href="druggist.html"> <i class="icon5"> </i> <span>药商</span></a>
                            </li>
                            <li class="color6">
                                <a href="contact.html"> <i class="icon6"> </i> <span>联系我们</span></a>
                            </li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- start top-->
        <div class="top_bg">
            <div class="wrap">
                <div class="top_grids1">
                    <div class="top_grids_text">
                        <h2>云&nbsp;上&nbsp;医&nbsp;疗&nbsp;欢&nbsp;迎&nbsp;您</h2>
                    </div>
                    <div class="top_map1">
                        <ul>
                            <li class="map"></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <!-- start content -->
        <div class="content_bg">
            <div class="wrap">
                <div class="content">
                    <div class="content_text about">
                        <h2>药品提供商</h2>
                    </div>
                    <!-- start popup -->
                    <div id="small-dialog" class="mfp-hide">
                        <div class="pop_up">
                            <h2>Integer lacinia quam</h2>
                            <img src="images/ser_pic1.jpg" title="image-name">
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic</p>
                        </div>
                    </div>

                    <!-- end popup -->
                    <!-- start btm_grids -->
                    <div class="btm_grids">
                        <div class="btm_grid">
                            <span class="grid_up"></span>                   
                            <div class="clear"></div>
                        </div>
                        <div class="btm_grid">
                            <span class="grid_down"></span>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- start footer -->

    </body>

</html>

<!--
	作者：肖璧曄
	时间：2018-09-21
	描述：
	本块元素是用于显示藥商列表的图片及文字说明的部分，其中，需要更改的部分为<img>中的src路径以及<p>标签中的文字说明
	<div class="ser-grid-list img_style">
		<div class="gallery">
			<a class="popup-with-zoom-anim" href="#small-dialog"><img src="img/ser_pic7.jpg" title="image-name"></a>
		</div>
		<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
	</div>
	
-->